/* 
路由配置文件
很重要,关系到我们的路由是否引入成功和我们的路由地址制定是否正确
*/




import { createRouter, createMemoryHistory, createWebHistory } from "vue-router";
import Home from "@/pages/Home.vue";
import News from "@/pages/News.vue";
import About from "@/pages/About.vue";
import Detail from "@/pages/Detail.vue"

const router = createRouter({ 
    history: createWebHistory(),
    routes: [
        {
            path: "/Home",
            component:Home
        }
        , {
            path: "/About",
            component:About
        }
        
        , {
            path: "/News",
            component: News,
            children: [
                {
                    name: "liebiao"
                    , path: "Detail/:id/:title:content",
                    component: Detail
                    /* 
                        让路由组件更方便的收到参数.可以将路由参数作为`props`传给组件
                    */
                    // props的对象写法，作用：把对象中的每一组key-value作为props传给Detail组件
                    // props:{a:1,b:2,c:3}, 
                     // props的布尔值写法，作用：把收到了每一组params参数，作为props传给Detail组件
                    // props:true
                    // props的函数写法，作用：把返回的对象中每一组key-value作为props传给Detail组件
                    ,props:true 
                    
                }
            ]
        }
        
    ]
})


export default router